<ion-header translucent>
  <ion-toolbar>
    <div class="title_item" (click)="dismissModal()">
      <svg class="pwd_icon" aria-hidden="true">
        <use xlink:href="#iconpage-left"></use>
      </svg>
    </div>
    <ion-title>Payment Password</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content scrollY="false">
  <form [formGroup]="paymentPasswordForm" (submit)="paymentPasswodSubmit()">
    <ion-grid>
      <ion-row [hidden]="!payment">
        <ion-col size="12" class="ion-text-center">
          <ion-text color="" class="amt_text"> 
            $5,000.00  
          </ion-text>
        </ion-col>
      </ion-row>
      <ion-row [hidden]="!payment">
        <ion-col size="12" class="">
          <div class="item_box" (click)="selectedBank()">
            <ion-text color=""> 
              CMB Debit Card(1223)
            </ion-text>
            <svg class="pwd_icon" aria-hidden="true">
              <use xlink:href="#iconpage-right"></use>
            </svg>
          </div>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col size="12" class="border">
          <ion-input type="password" placeholder="Password" maxlength="6" formControlName="paymentPasswod" name="paymentPasswod"> </ion-input>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col size="12" class="ion-text-center">
          <ion-text color="wathet"  (click)="forgotPassword()">
            Forgot Payment Password
          </ion-text>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col size="12">
          <ion-button expand="full" color="lightOrange" type="submit" [disabled]="!paymentPasswordForm.valid">
            Confirm
          </ion-button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </form>
</ion-content>